body{background-color:#f5f5f5}
.column{

    width: 1180px;
    margin: 0 auto;
    display: table;
}
.icon{
    display: inline-block;
    vertical-align: middle;
}
header{
    width: 100%;
    background: #fff;
    display: table;
    border-bottom:1px solid rgba(0,0,0,.2);
}
header nav{
   padding: 35px 0 10px;
}
.logo-header{
    float: left;
}

header nav ul{
    float: left;
    padding-left: 80px;
}
header nav ul li{
    float: left;
    padding-left: 60px;
    height: 32px;
    line-height: 32px;
}
header nav ul li a{
    font-size:16px;
    color:#333;
    letter-spacing:1px;
}

.topnav{
    background:#474747;
    height:34px;
    line-height: 34px;
    width: 100%;
    font-size: 12px;
}
.loginbar-right{
    width: 420px;
    float: right;
    text-align: left;
}
.tel{
    float: left;

    color: #fff;
}
.tel .icon{
    width: 20px;
    height: 20px;
    background: url("../images/icon.png") 0 0 no-repeat;
}
.userinfo{
    display: inline-block;
    color: #f5a623;
}
.loginbar-right .userinfo a{
    padding: 0 5px;
    color: #f5a623;
    margin-left: 0;
}
.loginbar-right a{
    margin-left: 38px;
    color: #fff;
}

.appdow .icon{
    width: 20px;
    height: 20px;
    background: url("../images/icon.png") -20px 0 no-repeat;
}

.my-account{
    float: left;
    display: block;
    text-align: center;
    border:1px solid #666;
    border-radius:2px;
    width:120px;
    height:30px;
    line-height: 30px;
    margin-left: 175px;
    color: #666;
}
.my-account:hover{
    border: 1px solid #6b9db4;
    color: #6b9db4;
}

.login-footer{
    display: table;
    padding: 215px 0 65px;
    width: 100%;
    background: #fff;
    font-size:16px;
    color:#666;
    letter-spacing:1px;
    text-align:center;
}
.btn-link{
    border-radius:6px;
    width:230px;
    height:40px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
}
.btn-link-backgrund-blue{
    background:#4a90e2;
    color: #fff;
}
.btn-link-backgrund-orange{
    background:#f5a623;
    color: #fff;
}
.btn-link-border-blue{
    border:1px solid #4a90e2;
    color: #4a90e2;
    width:228px;
    height:38px;
}
.btn-link-border-orange{
    border:1px solid #f5a623;
    color: #f5a623;
    width:228px;
    height:38px;
}
/*

login

*/
.container.p-login{
    background:#727e90;
    width:100%;
    height:600px;
    min-width: 1090px;
}
.login-form{
    background:#ffffff;
    width:350px;
    height:440px;
    float: right;
    padding: 30px 35px;
    margin: 50px 0;
    font-size: 12px;
}
.login-title{
    font-family:PingFangSC-Medium;
    font-size:18px;
    color:#333333;
    letter-spacing:0;
    line-height:18px;
}

.login-inner input{
    border:1px solid #979797;
    width:328px;
    height:38px;
    padding: 0 10px;
    font-size: 16px;
}
.login-inner .reg-declaration input{
    border:none;
    width:auto;
    height:auto;
    padding: 0;
}
.reg-declaration{
    display: table;
    color: #999;
}
.reg-declaration a{
    color: #67b5f5;
}
.login-but{
    clear: both;
}
.login-but button{
    background:#f5a623;
    border-radius:6px;
    width:350px;
    height:40px;
    border: none;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
}
.login-but button:hover{
    background:#ea9a15;
}
.login-but button:active{
    background:#a36908;
}
.login-inner .mt-10,
.login-inner .mt-10 .get-pwd{
    color: #9a9a9a;
}
.login-inner .mt-10 .reg-link{
    color: #f5a623;
}
.reg-link,
.get-pwd{
    padding: 0 5px;
}

/*

 register

*/

.form-tips{
    font-family:PingFangSC-Regular;
    font-size:12px;
    color:#999;
    line-height:12px;
    padding-top: 10px;
    display: table;
}
.real-form.reg-form .layui-input-block {
    margin-left: 130px;
}
.real-form.reg-form .layui-form-label {
    width: 100px;
}

.but-border{
    border:1px solid #f5a623;
    border-radius:6px;
    width:118px;
    height:38px;
    color: #f5a623;
    cursor: pointer;
    text-align:center;
}
.btn-submit{
    width: 100%;
}
.real-form.reg-form .btn-submit{
    background:#f5a623;
    border-radius:6px;
    height:40px;
    font-size: 20px;
}
.invite-phone{
    color: #51afff;
    padding-bottom: 10px;
    margin-left: 125px;
    cursor: pointer;
}
.invite-phone .icon{
    width: 20px;
    height: 20px;
    background: url("../images/icon.png")  -60px -1px no-repeat;
}
.invite-input{
    height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out 0s;
}
.reg-complete.real-form {
    width: 55%;
    margin: 0 auto;
    text-align: center;
}
.reg-tips{
    font-family:PingFangSC-Regular;
    font-size:18px;
    color:#333;
}
/*

 register end

*/


/*

 invest

*/

.invest-intro{
    background:#fff;
    width:1180px;
    height:300px;
}
.invest-box-lhead{
    width: 690px;
    border-bottom:2px solid #f6f6f6;
    height: 70px;
    line-height: 70px;
}
.invest-box-lhead h3{
    font-family:PingFangSC-Regular;
    font-size:30px;
    color:#617d8a;
    line-height:70px;
    font-weight: lighter;
    display: inline-block;
}
.invest-box-lhead i.tag{
    padding:0 20px 0 30px;
    display: inline-block;
    font-family:PingFangSC-Semibold;
}
.invest-box-lhead b{
    font-family:PingFangSC-Regular;
    font-size:20px;
    color:#666;
    line-height:78px;
    padding-left: 50px;
    font-weight: lighter;
}
.progress-box-wrap{
    width: 690px;
    padding: 70px 0;
}
.progress,
.progress-money{
    margin-left: 80px;
    width: 190px;
}
.progress-day{
   margin-left: 50px;
}
.progress-title{
    font-family:PingFangSC-Regular;
    font-size:14px;
    color:#999;
    line-height:14px;
}
.progress-percent,
.progress-text{
    font-family:Roboto-Regular;
    font-size:50px;
    color:#666;
    line-height:1;
    margin-top: 20px;
}
.progress-text span{
    font-family:PingFangSC-Regular;
    font-size:14px;
    color:#666;
    vertical-align: baseline;
}
.detail-calc-top{
    float: right;
    width: 350px;
    padding: 30px 50px 50px;
    border-left:2px solid #f6f6f6;
    height: 220px;
}

.detail-calc-top .btn-link-backgrund-orange{
    width: 100%;
}
.detail-calc-title{
    font-family:PingFangSC-Medium;
    font-size:16px;
    color:#333;
}
.detail-calc-top p{
    font-family:PingFangSC-Medium;
    font-size:16px;
    color:#666;
    line-height:16px;
    float: left;
    margin-top: 15px;
}

.bigspinner .spinner-sub {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}
.spinner-add,
.spinner-sub {
    background:#f5a623;
    width:40px;
    height:50px;
    line-height: 48px;
    color: #fff;
    font-size:38px;
}
.bigspinner .spinner-input,
.bigspinner .spinner-unit {
    background: #fff;
    border:none;
    border-top: 1px #f5a623 solid;
    border-bottom: 1px #f5a623 solid;
    height: 50px;
    width: 270px;
}
.spinner-amount{
    display: block;
}
.spinner-amount .spinner-input {
    text-align: right;
    font-family:Roboto-Regular;
    font-size:40px;
    color:#666;
    line-height:48px;
    padding-right: 10px;

}
.bigspinner.spinner-amount .spinner-unit {
    width: 25px;
}
.spinner, .spinner-add, .spinner-input, .spinner-sub, .spinner-unit {
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
}

.invest-detail-tab{
    background: #fff;
}
.invest-detail-tab .layui-tab-title{
    height: 70px;
    border-bottom-width: 2px;
}
.invest-detail-tab .layui-tab-title li{
    height: 70px;
    line-height: 70px;
    color: #666;
    margin: 0 0 0 80px;
}
.invest-detail-tab .layui-tab-brief>.layui-tab-title .layui-this{
    color: #f5a623;
}
.invest-detail-tab .layui-tab-brief>.layui-tab-title .layui-this:after{
    height: 72px;
    border-bottom:2px solid #f5a623;
}

.invest-detail-tab .layui-tab-content{
    padding: 10px 0;
}
.product-flow {
    text-align: center;
    font-size: 16px;
    color: #363b3f;
    padding: 30px 30px 60px;
    position: relative;
}
.product-flow dl{
    width: 270px;
}
.product-flow dl dd {
    padding-top: 20px;
    font-size: 14px;
    color: #666;
}
.flow1,
.flow2,
.flow3,
.flow4{
    width: 100px;
    height: 100px;
    display: inline-block;
}
.flow1{
    background: url('../images/invest/product-flow01.png') 0 0 no-repeat;
}
.flow2{
    background: url('../images/invest/product-flow02.png') 0 0 no-repeat;
}
.flow3{
    background: url('../images/invest/product-flow03.png') 0 0 no-repeat;
}
.flow4{
    background: url('../images/invest/product-flow04.png') 0 0 no-repeat;
}
.flow-line01{
    left: 235px;
}
.flow-line02{
    left: 505px;
}
.flow-line03{
    left: 775px;
}
.product-flow-line {
    font-size: 16px;
    color: #666;
    text-align: center;
    border-bottom: 2px #ccc dotted;
    line-height: 40px;
    position: absolute;
    top: 40px;
    width: 130px;
}
.invest-info-wrap{
    border-top: 1px #ccc dotted;
    padding:30px 80px;
}
.invest-detail-tab .layui-table tbody tr:hover,
.invest-detail-tab .layui-table thead tr,
.invest-detail-tab .layui-table-click,
.invest-detail-tab .layui-table-header,
.invest-detail-tab .layui-table-hover,
.invest-detail-tab .layui-table-mend,
.invest-detail-tab .layui-table-patch,
.invest-detail-tab .layui-table-tool,
.invest-detail-tab .layui-table[lay-even] tr:nth-child(even) {
    background: none;
}
.invest-info-wrap table.layui-table tr td{
    padding: 20px 0px;
    font-family:PingFangSC-Regular;
    font-size:16px;
    color:#999;
    line-height:26px;
}
.invest-info-wrap table.layui-table tr td span{
    color:#333;
}
.question-content{
    padding: 40px 80px;
}
.question-content li{
    padding-bottom: 60px;
}
.question-content li h6{
    font-family:PingFangSC-Medium;
    font-size:16px;
    color:#333;
}
.question-content li p{
    font-family:PingFangSC-Regular;
    font-size:16px;
    line-height: 26px;
    color:#999;
}
/*

 invest end

*/

.ui-footer {
    width: 100%;
    position: absolute;
    bottom: 0;
    background: #363b3f
}

.ui-footer .foot-kefu {
    float: left;
    height: 143px;
    width: 278px;
    padding-top: 20px;
    font-size: 14px
}

.ui-footer .icon-footkefu {
    width: 233px;
    height: 143px;
    display: inline-block;
    background: url(/assets/images/footer/footer_service.png?v=201801231751) no-repeat
}

.ui-footer .foot-bd {
    width: 1px;
    height: 129px;
    overflow: hidden;
    background: #404549;
    margin-top: 30px;
    float: left
}

.ui-footer .site-link {
    padding: 0 25px;
    padding-top: 30px;
    float: left;
    width: 558px;
    height: 164px;
    display: inline
}

.ui-footer .site-link a {
    color: #7d8390
}

.ui-footer .site-link a:hover {
    color: #316fb1
}

.ui-footer .site-link ul li {
    float: left;
    width: 76px;
    padding: 0 55px;
    height: 35px
}

.ui-footer .site-link ul li a:hover {
    color: #fff
}

.ui-footer .foot-ewm {
    float: right;
    height: 124px;
    border-left: 1px #404549 solid;
    margin-top: 30px
}

.ui-footer .foot-ewm dl {
    width: 101px;
    float: left;
    text-align: center;
    line-height: 20px;
    color: #7d8390;
    padding-left: 44px
}

.ui-footer .footer-contact a,.ui-footer .footer-contact i {
    float: left
}

.ui-footer .footer-contact .sp1-weibo {
    position: relative;
    top: 2px
}

.ui-footer .footer-contact .sp1-weixin {
    position: relative;
    top: 3px
}

.ui-footer .footer-contact .sp1-email {
    position: relative;
    top: 6px
}

.ui-footer .weixin-wrap {
    float: left;
    position: relative
}

.ui-footer .footer-online {
    float: left;
    margin-right: 20px;
    margin-left: 5px
}

.ui-footer .weixin-wrap i {
    cursor: pointer
}

.ui-footer .ui-poptip-white {
    display: none;
    position: absolute;
    bottom: 22px;
    left: -31px
}

.ui-footer .ui-poptip-content {
    padding: 10px
}

.ui-footer .ui-poptip-arrow {
    right: 52px
}

.ui-footer .app-link {
    float: right
}

.ui-footer .footer-bottom {
    background: #404549
}

.ui-footer .footer-bottom .footer-bottom-content {
    width: 1180px;
    margin: 0 auto
}

.ui-footer .auth-link {
    margin-top: 18px
}

.ui-footer .copyright {
    float: right;
    color: #707e8c;
    font-size: 14px;
    margin-left: 20px
}

.ui-footer .auth-link-new {
    overflow: hidden;
    padding-top: 14px;
    text-align: left
}

.ui-footer .copyright-new {
    float: right;
    color: #707e8c;
    font-size: 14px;
    width: 466px;
    margin-left: 0
}

.ui-footer .copyright a {
    color: #707e8c
}

.ui-footer .copyright a:hover {
    color: #FFF
}

.ui-footer .copyright .p1 {
    margin-top: 8px;
    line-height: 20px
}

.ui-footer .copyright .copyright-left {
    display: inline-block;
    _display: block;
    zoom: 1;
    width: 350px;
    text-align: left
}

.ui-footer .auth-link-item {
    display: block;
    height: 24px;
    float: left;
    margin-top: 28px;
    margin-right: 3px
}

.ui-footer .auth-link-item i {
    display: block
}

.ui-footer .footer-bottom-simple {
    height: 40px;
    line-height: 40px;
    background: #333
}

.ui-footer .footer-bottom-simple .copyright {
    float: none;
    text-align: center
}
.manage-warn {
    font-size: 12px;
    color: #707e8c;
    padding: 5px 0 10px;
    text-align: left;
}
.manage-warn .copy {
    color: #707e8c;
    padding: 0 15px
}

.manage-warn .copy:hover {
    color: #fff
}

.manage-warn .pd-left {
    padding-left: 3px
}

.wran-tip {
    color: #7c8290;
    font-size: 16px;

    padding-right: 50px
}
.ui-pd-bottom {
    padding-bottom: 270px;
}
.ui-wrap {
    min-height: 100%;
    _height: 100%;
    min-width: 1180px;
    position: relative;
    background: #ebeef3;
}
/**
实名认证
**/
.page-box{margin:20px 0;padding:40px 20px;background:#fff;}
.real-form{width:35%;margin:0 auto ;}

.real-form .form-header{text-align: center;margin-bottom:30px;}
.form-header h2{font-size:30px;line-height: 30px}
.form-header p{color:#999}
.real-form .form-body{margin-left:-120px}

.real-form .layui-form-label{width:120px}
.real-form .layui-input-block{margin-left:150px}

/*


 support

*/


.support-center .ui-side ul li a.ui-side-item-link{
    padding: 0;
    text-align: center;
}
.support-center .ui-side .ui-side-item{
    padding: 20px 0;
}
.news-list,
.faq-list{
    padding: 20px;
}
.faq-list li{
    padding: 20px;
    background:#f1f9fd;
    margin-bottom: 20px;
}
.faq-list li span{
    font-family:PingFangSC-Medium;
    font-size:16px;
    color:#333;
}
.faq-list li p{
    font-family:PingFangSC-Regular;
    font-size:16px;
    color:#666;
    line-height:16px;
    padding: 20px 0 0;
}
.news-list li{
    width: 100%;
    line-height:1;
    padding:20px 0;
    border-bottom: 2px solid #f6f6f6;
    font-size:16px;
}
.news-list li h6{
    display: inline-block;
    font-weight: normal;
    margin-bottom: 0;
}
.news-list li h6 a{
    font-family:PingFangSC-Regular;
    color:#333;
}
.news-list li h6 a:hover{
    color:#51afff;
}
.news-list li a.news-list-time{
    color:#999;
}
#page{
    text-align: center;
}
.article{
    width: 900px;
    float: left;
}
.news-article{
    width: 720px;
    padding: 55px 90px;
}
.news-article h1{
    font-family:PingFangSC-Medium;
    font-size:30px;
    line-height: 40px;
    color:#333333;
}

.news-article .article-time{
    font-family:PingFangSC-Regular;
    font-size:12px;
    color:#999;
    line-height: 24px;
}
.article-content p{
    font-family:PingFangSC-Regular;
    color:#666;
    text-align:justify;
    padding-bottom: 22px;
    line-height: 22px;
}
.read-next-prev{
    border-top: 2px solid #dcdfe6;
    padding: 10px 90px 30px;
    width: 720px;
    display: table;
}
.read-next-prev div{ 
    width: 50%;
    float: left;
    font-size: 12px;
    color: #999;
}
.read-next-prev div a{
    font-size: 12px;
    color: #999;
}
.read-next-prev div a:hover{
    font-size: 12px;
    color: #51afff;
}
.read-next{
    text-align: right;
}
.sidebar{
    width:260px;
    float: right;
}
.widget{
    width: 220px;
    padding: 30px 20px 26px;
}
.widget-title{
    font-family:PingFangSC-Medium;
    font-size:18px;
    color:#333;
}
.widget-content{
    display: table;
    word-wrap: break-word;
}
.app-download .side-ad{
    display: block;
    width: 100%;
    height: 155px;
    background:#f6f6f6;
    margin: 20px 0;
}
.app-QRcode{
    font-family:PingFangSC-Regular;
    color:#999;
    line-height:22px;
}
.app-QRcode img{
    float: right;
    padding-left: 20px;
}





input.captch-input{width:180px;display:inline-block;margin-right:10px;vertical-align: top}















